<template>
    <div class="am-container">
        <ol class="am-breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">分类</a></li>
            <li class="am-active">内容</li>
        </ol>

        <ul class="am-avg-sm-5 am-avg-md-4 am-avg-lg-3 am-thumbnails">
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
            <li><img class="am-thumbnail" alt="" src="../../static/images/bing-1.jpg" /></li>
        </ul>


        <div class="am-g">
            <div class="am-g am-g-4">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3" style="background:#ccc; margin-bottom: 1px;">
                    内容
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3" style="background:#ccc; margin-bottom: 1px;">
                    内容
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3" style="background:#ccc; margin-bottom: 1px;">
                    内容
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3" style="background:#ccc; margin-bottom: 1px;">
                    内容
                </div>
            </div>
        </div>
    </div>
</template>

<script>
  export default {
    name: "Home"
  }
</script>

<style scoped>

</style>